<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国国家地理网</title>
    <link rel="stylesheet" href="scss/base.css">
</head>
<body>
    <header>
        <div class="part-one">
            <div>
                <img src="img/logo-top.png">
            </div>
        </div>
        <div class="part-two">
            <div>
                <ul class="menu">
                    <li><a href="#">首页</a></li>
                    <span></span>
                    <li><a href="#">景观</a></li>
                    <span></span>
                    <li><a href="#">谈资</a></li>
                    <span></span>
                    <li><a href="#">作者</a></li>
                    <span></span>
                    <li><a href="#">大讲堂</a></li>
                    <span></span>
                    <li><a href="#">活动</a></li>
                    <span></span>
                    <li><a href="#">商城</a></li>
                    <span></span>
                </ul>
                <ul class="tool">
                    <li><a href="#">APP</a></li>
                    <span></span>
                    <li><a href="#">投稿</a></li>
                    <span></span>
                    <li><a href="#">登录</a></li>
                </ul>
            </div>
        </div>
    </header>
	<div class="wpr">
		<div class="body-left">
			<div class="body">
				<div class="left">
					<h2>
						<span>征稿</span>
						<span class="small">CONTRIBUTIONS</span>
					</h2>
				</div>
				<div class="right">
					<ul>
						<div>
							<li>
								<div>
									<h3>
										<a href="#">极简</a>
									</h3>
									<div>
										<a href="#">投稿</a>
									</div>
								</div>
								<a href="#">
									<img src="img/wKgBy1nBz1WAEsgvAACEKbom5lo053.jpg" alt="">
								</a>
							</li>
							<li>
								<div>
									<h3>
										<a href="#">美食</a>
									</h3>
									<div>
										<a href="#">投稿</a>
									</div>
								</div>
								<a href="#">
									<img src="img/wKgBzFmb_fOAc_EpAAKwvO1aXZY079.jpg" alt="">
								</a>
							</li>
							<li>
								<div>
									<h3>
										<a href="#">烟 雾|视角征集</a>
									</h3>
									<div>
										<a href="#">投稿</a>
									</div>
								</div>
								<a href="#">
									<img src="img/wKgBzFmC77WAZi_sAACGxXqe4fQ103.jpg" alt="">
								</a>
							</li>
						</div>
					</ul>
				</div>
			</div>
			<!-- <div class="space"></div> -->
			<div class="body">
				<div class="left">
					<h2>
						<span>景观</span>
						<div class="small">LANDSCAPE</div>
					</h2>
					<div>
						<ul>
							<li><a href="#">石林</a></li>
							<li><a href="#">丹霞</a></li>
							<li><a href="#">雅丹</a></li>
							<li><a href="#">喀斯特</a></li>
							<li><a href="#">石柱</a></li>
							<li><a href="#">盆地</a></li>
							<li><a href="#">礁石</a></li>
							<li><a href="#">湿地</a></li>
							<li><a href="#">海岸</a></li>
							<li><a href="#">岛屿</a></li>
							<li><a href="#">三角洲</a></li>
							<li><a href="#">冲积扇</a></li>
							<li><a href="#">冰川</a></li>
							<li><a href="#">梯田</a></li>
							<li><a href="#">林地</a></li>
							<li><a href="#">热带雨林</a></li>
							<li><a href="#">草原</a></li>
							<li><a href="#">观星地</a></li>
							<li><a href="#">古典园林</a></li>
							<li><a href="#">石窟</a></li>
							<li><a href="#">古楼</a></li>
							<li><a href="#">古城</a></li>
							<li><a href="#">国道</a></li>
							<li><a href="#">铁路</a></li>
							<li><a href="#">绿洲</a></li>
							<li><a href="#">河流</a></li>
							<li><a href="#">古镇</a></li>
							<li><a href="#">古村</a></li>
							<li><a href="#">自然遗产</a></li>
							<li><a href="#">文化遗产</a></li>
							<li><a href="#">地质公园</a></li>
							<li><a href="#">自然保护区</a></li>
						</ul>
					</div>
				</div>
				<div class="right">
					<ul>
						<li class="img-block">
							<a href="#"><img src="img/626bafa61b9f40k73491422.jpg" alt=""></a>
						</li>
						<li class="img-block">
							<a href="#"><img src="img/626bb09249f5c5164676370.jpg" alt=""></a>
						</li>
						<li class="img-block">
							<a href="#"><img src="img/61a740fb1d8ec5l76204263.jpg" alt=""></a>
						</li>
						<li class="img-block h2">
							<a href="#"><img src="img/626bb3d6eb4eb9586210797.jpg" alt=""></a>
						</li>
						<li class="img-block go-up">
							<a href="#"><img src="img/wKgBy1mJho2AY3FpAABkM5nUt_o063.jpg" alt=""></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="body-right">
			<div class="top-small">
				<a href="#"><img src="img/zuimei.png" alt=""></a>
			</div>
			<div>
				<h2>杂志</h2>
				<ul class="top-zazhi">
					<a href="#">
						<li class="zazhi"><img src="img/wKgBy1UYv9WAN65XAAAUDs6D1iE418.jpg" alt=""></li>
					</a>
					<a href="#">
						<li class="zazhi"><img src="img/wKgBy1UTaIaAYoC7AAAYQH0v9QE165.jpg" alt=""></li>
					</a>
					<a href="#">
						<li class="zazhi"><img src="img/wKgBy1UTaI6AZ47dAAAjAh6pSP8837.jpg" alt=""></li>
					</a>
				</ul>
			</div>
			<div>
				<h2>活动</h2>
				<ul>
					<a href="#">
						<li><img src="img/62c27ffb7a37c2295054666.jpg" alt=""></li>
					</a>
					<a href="#">
						<li><img src="img/60c9be8620a797y36079705.jpg" alt=""></li>
					</a>
					<a href="#">
						<li><img src="img/603f4fd3237e73x81975454.jpg" alt=""></li>
					</a>
					<a href="#">
						<li><img src="img/603f4f0523fdb6l61257899.jpg" alt=""></li>
					</a>
				</ul>
			</div>
			<div>
				<h2>活动</h2>
				<ul>
					<a href="#">
						<li><img src="img/wKgBzFb-W6CAKIz4AAAbz11ec08893.jpg" alt=""></li>
					</a>
					<a href="#">
						<li><img src="img/wKgBy1RbKvWAP5rzAAAW7_IrwTw308.jpg" alt=""></li>
					</a>
					<a href="#">
						<li><img src="img/wKgBy1b-VbqABduDAABspK3tsd0325.jpg" alt=""></li>
					</a>
					<a href="#">
						<li><img src="img/wKgBy1RbKvWAG3I7AAAYE7WeGY8301.jpg" alt=""></li>
					</a>
				</ul>
			</div>
			<div></div>
		</div>
	</div>
</body>
</html>